<template>
	<view class="content">
		<view class="backs"><image src="../../../static/img/fanhui.png" @click="toBuydating()"></image></view>
		<view class="crop" >
			<view class="crop-two" v-for="(item,index) in cropList" @click="getUrl(item.url)">
				<view class="plant">{{item.txt}}</view>
			</view>
		</view>
		<view class="confirm">确定</view>
	</view>
</template>

<script>
export default{
	data() {
		return {
			cropList:[
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
				{txt: '种植业'},
			]
		}
	},
	methods:{
		toBuydating(){
			uni.reLaunch({
				url: 'buydating'
			})
		},
		getUrl(url){
			console.log(url);
			uni.navigateTo({
				url:url
			})
		}
	}
}
</script>

<style lang="scss">
.content{
	.backs{
		padding: 70upx 30upx 27upx 30upx;
		image{
			width: 36upx;
			height: 35upx;
		}
	}
	.crop{
		padding: 0 30upx;	
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		.crop-two{
			width: 200upx;
			margin-bottom: 40upx;
			.plant{
				width: 169upx;
				height: 58upx;
				line-height: 58upx;
				background-color: #F7F5F6;
				color: #999;
				text-align: center;
				font-size: 28upx;
				border-radius: 5upx;
			}
		}
	}
	.confirm{
		width: 100%;
		height: 98upx;
		line-height: 98upx;
		text-align: center;
		color: #fff;
		font-size: 36upx;
		background-color: #55C57D;
		position: fixed;
		bottom: 0;
	}
}
</style>
